<template>
  <div class="app-container">
    <router-view></router-view>
  </div>
</template>

<style>
* {
  margin: 0;
  padding: 0;
  box-sizing: content-box;
}

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
    Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #f5f5f5;
}

.app-container {
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  position: relative;
}

#app {
  height: 100%;
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

/* 全局查询表单按钮样式 */
.el-form .el-button--primary {
  background-color: #6da3fa !important;
  border-color: #6da3fa !important;
}

.el-form .el-button--primary:hover {
  background-color: #7db0ff !important;
  border-color: #7db0ff !important;
}

.el-form .el-button--primary:active {
  background-color: #5d93e8 !important;
  border-color: #5d93e8 !important;
}

/* 查询表单容器中的按钮样式 */
.search-form .el-button--primary,
.form-inline .el-button--primary {
  background-color: #6da3fa !important;
  border-color: #6da3fa !important;
}

.search-form .el-button--primary:hover,
.form-inline .el-button--primary:hover {
  background-color: #7db0ff !important;
  border-color: #7db0ff !important;
}

.search-form .el-button--primary:active,
.form-inline .el-button--primary:active {
  background-color: #5d93e8 !important;
  border-color: #5d93e8 !important;
}

/* 全局表格按钮样式 */
.el-table .el-button--primary {
  background-color: #6da3fa !important;
  border-color: #6da3fa !important;
}

.el-table .el-button--primary:hover {
  background-color: #7db0ff !important;
  border-color: #7db0ff !important;
}

.el-table .el-button--primary:active {
  background-color: #5d93e8 !important;
  border-color: #5d93e8 !important;
}

/* 表格容器中的按钮样式 */
.table-container .el-button--primary,
.operation-buttons .el-button--primary {
  background-color: #6da3fa !important;
  border-color: #6da3fa !important;
}

.table-container .el-button--primary:hover,
.operation-buttons .el-button--primary:hover {
  background-color: #7db0ff !important;
  border-color: #7db0ff !important;
}

.table-container .el-button--primary:active,
.operation-buttons .el-button--primary:active {
  background-color: #5d93e8 !important;
  border-color: #5d93e8 !important;
}

/* 表格中内容为"是"的tag标签样式 */
.el-table .el-tag:contains("是"),
.el-table .el-tag:has-text("是") {
  color: #5D87FF !important;
  border-color: #5D87FF !important;
  background-color: rgba(115, 116, 228, 0.1) !important;
}

/* 针对具体的tag内容设置样式 */
.el-table .el-tag.el-tag--success:contains("是"),
.el-table .el-tag.el-tag--danger:contains("是"),
.el-table .el-tag.el-tag--warning:contains("是"),
.el-table .el-tag.el-tag--info:contains("是") {
  color: #5D87FF !important;
  border-color: #5D87FF !important;
  background-color: rgba(115, 116, 228, 0.1) !important;
}
</style> 